html.dark {
  color-scheme: dark;
}


/* Color scheme */
html .vp-doc {
  --vt-code-comment: #a0ada0;
  --vt-code-punctuation: #8e8f8b;
  --vt-code-attribute: #429988;
  --vt-code-constant: #a65e2b;
  --vt-code-keyword: #1c6b48;
  --vt-code-variable: #c2b36e;
  
  --vt-code-string: #b56959;
  --vt-code-boolean: #1c6b48;
  --vt-code-number: #296aa3;
  --vt-code-entity: #2993a3;
  --vt-code-function-name: #6c7834;
  --vt-code-function: #6c7834;

  --vt-code-inserted: #1c6b48;
  --vt-code-deleted: #a14f55;
}

html.dark .vp-doc {
  --vt-code-comment: #758575;
  --vt-code-punctuation: #8e8f8b;
  --vt-code-attribute: #2f8a89;
  --vt-code-constant: #a65e2b;
  --vt-code-keyword: #4d9375;
  --vt-code-variable: #c2b36e;
  
  --vt-code-string: #d48372;
  --vt-code-boolean: #1c6b48;
  --vt-code-number: #6394bf;
  --vt-code-entity: #54b1bf;
  --vt-code-function-name: #a1b567;
  --vt-code-function: #a1b567;

  --vt-code-inserted: #4d9375;
  --vt-code-deleted: #bc6066;
}

/* Overrides */
:not(pre) > code {
  padding: 1px 6px;
  border-radius: 3px;
}

a > code {
  color: var(--vt-c-brand) !important;
}

.vp-doc [class*='language-'] pre {
  padding: 24px;
}

.shiki-light {
  background: #f9f9f9 !important;
}
.shiki-dark {
  background: #242424 !important;
}

html.dark .shiki-light {
  opacity: 0;
  z-index: -1;
}
html:not(.dark) .shiki-dark {
  opacity: 0;
  z-index: -1;
}

.shiki {
  transition: opacity 0.5s !important;
}

.shiki-light {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.vp-doc div[class*='language-'] {
  background: none !important;
}

/* Line highlighting */
/* 
.highlight-lines {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: var(--prism-block-padding-y) 0;
  width: 100%;
  line-height: var(--prism-line-height);
  font-family: var(--prism-font-family);
  font-size: var(--prism-font-size);
  user-select: none;
  overflow: hidden;
  z-index: -1;
}
.highlight-lines .highlighted {
  background-color: var(--prism-line-highlight-background);
} */
